@import "../../../common/common.less";

.GLawRegulationDetail {
  width: 100%;
  background: @allWhite;
  padding: 45px 0;

  .detail {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;

    .head {
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(187, 185, 199, 0.19);;

      .title {
        height: 22px;
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        line-height: 22px;
        margin-bottom: 16px;
      }

      .time-box {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
        color: @fontGrayColor;
        line-height: 20px;
        margin-bottom: 16px;

        div {
          margin-right: 16px;
        }
      }

      .intro {
        background: #FAFAFA;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 400;
        color: #9BA3AF;
        line-height: 20px;
        padding: 16px;
      }
    }

    .html {
      padding: 20px 0;
      /deep/ img{
        max-width: 100%;
      }
      /deep/ iframe.ql-video{
        width: 100%;
        height: 300px;
        video{
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  .baseInfo{
    .baseBox{
      display: flex;
      flex-direction: column;
      padding: 45px 0;
      .form {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;

        .form-item {
          width: 100%;
          display: flex;
          margin-bottom: 16px;

          .input-box {
            flex: 1;
            display: flex;
            align-items: center;

            .input-name {
              flex: 0 0 90px;
              text-align: right;
              font-size: 14px;
              font-weight: 400;
              color: @fontColor;
              line-height: 20px;
              margin-right: 15px;
            }
            .el-select{
              flex: auto;
            }
            .checkAll {
              margin-right: 28px;
            }

            .checkList {
              .el-checkbox {
                margin-right: 28px;
              }
            }

            .editor {
              flex: 1;
            }

            .el-upload__tip {
              font-size: 14px;
              font-weight: 400;
              color: #C7CBD1;
              line-height: 20px;
              margin-top: 10px;
            }

            .btn-box {
              display: flex;
              align-items: center;

              .zy-btn {
                margin-right: 24px;
              }
            }
          }

          .input-box-base {
            align-items: baseline;
          }
        }
      }
    }
  }

}
